header{padding:15px 10px 0}
ul#primary_nav{margin:0;padding:0;list-style:none;float:right}
ul#primary_nav li{display:inline-block;padding-left:15px}
ul#primary_nav li a{color:#fff;opacity:1}
ul#primary_nav li a:hover{opacity:.6}
ul#primary_nav li#search a{font-size:20px}
ul#primary_nav li#buy a{border:1px solid #fff;padding:7px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#custom-search-input-header{position:relative}
#custom-search-input-header input.btn_search_2{position:absolute;right:10px;top:8px;border:0;width:25px;height:25px;background:url(../img/search_2.svg) top right no-repeat #fff;cursor:pointer;text-indent:-999px}
.dropdown.dropdown-search{float:right;display:inline-block;width:20px;height:20px;margin-right:5px}
.dropdown-search .dropdown-menu{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:right;left:auto;min-width:0;padding:15px;width:250px;top:100%;font-size:12px;font-weight:400;text-shadow:none;text-transform:none!important}
.dropdown-search .dropdown-menu:before{bottom:100%;right:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.dropdown-search .dropdown-menu{margin-top:25px;right:-25px}
.main-menu{position:relative;z-index:9;width:auto;float:right;margin:3px 0 0;padding:0}
.main-menu a{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.main-menu ul,.main-menu ul li,.main-menu ul li a{position:relative;margin:0;padding:0}
.main-menu ul li a{display:block;padding:10px}
.main-menu>ul>li>a{color:#f58220;padding:2px 10px 20px;font-size:14px;margin:0;font-weight:500}
.layer{display:none;position:fixed;top:0;left:0;width:100%;min-width:100%;min-height:100%;background-color:#000;opacity:0;z-index:9}
.layer-is-visible{display:block;-webkit-animation:fade-in-layer .3s;-moz-animation:fade-in-layer .3s;-ms-animation:fade-in-layer .3s;-o-animation:fade-in-layer .3s;animation:fade-in-layer .3s;opacity:.5}
#close_in,#header_menu,.cmn-toggle-switch{display:none}
a.dropdown-toggle.icon-search{display:inline-block}
.ie9 a.show-submenu,.ie9 a.show-submenu-mega{background:url(../img/fix_ie_9_menu.png)}

.header-color{
    background-color: white;
    
}

@media only screen and (min-width:992px){.main-menu{width:auto}
.main-menu a{white-space:nowrap}
.main-menu ul li{display:inline-block}
.main-menu ul li.submenu:hover>a:after,.main-menu ul li.submenu:hover>a:before{bottom:-20px;opacity:0}
.main-menu ul .menu-wrapper,.main-menu ul ul{position:absolute;display:none;z-index:1;height:auto;left:3px;top:100%;margin:0;padding:0;background:#fff;min-width:180px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.main-menu ul ul:before{bottom:100%;left:15%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.main-menu ul .menu-wrapper ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:none;margin:0;padding:0}
.main-menu ul .menu-wrapper ul:before{border:0}
.main-menu ul li:hover>.menu-wrapper,.main-menu ul li:hover>ul{display:block;padding:0}
.main-menu ul ul li{display:block;height:auto;padding:0}
.main-menu ul ul li a{font-size:13px;color:#666;border-bottom:1px solid #ededed;display:block}
.main-menu ul ul li:last-child a{border-bottom:none}
.main-menu ul ul li:hover>a{background-color:#f9f9f9;color:#ec008c;padding-left:15px}
.main-menu ul li.megamenu{position:static}
.main-menu ul li.megamenu .menu-wrapper{position:absolute;top:100%;width:970px;left:-65%;padding:10px 15px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.main-menu ul .menu-wrapper h3{font-size:13px;text-transform:uppercase;border-bottom:2px solid #ededed;padding-bottom:10px;margin-bottom:0;font-family:proxima_novasemibold,Arial,Helvetica,sans-serif}
.main-menu ul .menu-wrapper ul{position:relative;display:block;margin-bottom:15px;left:0}
a#search_bt span{display:none}
}
@media only screen and (max-width:991px){#header_menu,.main-menu li{position:relative}
header{padding:15px}
ul#primary_nav{margin-right:50px}
#header_menu{text-align:center;padding:25px 15px;display:block;background-color:#f0f0f0}
.main-menu ul li a:hover,a.show-submenu-mega:focus,a.show-submenu-mega:hover,a.show-submenu:focus,a.show-submenu:hover{color:#ec008c!important;background-color:#f9f9f9}
.main-menu ul li{border-top:none;border-bottom:1px solid #ededed;color:#fff}
.main-menu ul li a{padding:10px 15px!important}
.main-menu h3{font-size:12px;line-height:14px;margin:10px 0 0;padding:0 0 15px 15px;color:#333;text-transform:uppercase}
.megamenu .menu-wrapper>div{padding:0}
.main-menu a,.main-menu li{display:block;color:#555!important}
.main-menu a:hover{color:#ec008c!important}
.main-menu ul>li{padding-bottom:0}
.main-menu ul>li i{float:right}
.main-menu ul li.submenu ul{font-size:13px;border-left:1px solid #ededed;margin:0 0 15px 25px}
.main-menu ul li.submenu ul li{font-size:13px;border:0}
/* .main-menu{overflow:auto;left:-100%;bottom:0;width:45%;height:100%;opacity:0;position:fixed;background-color:#fff;
    -webkit-transition:left .8s,opacity .5s;-moz-transition:left .8s,opacity .5s;transition:left .8s,opacity .5s;z-index:9999;-webkit-box-shadow:1px 0 5px 0 rgba(50,50,50,.55);-moz-box-shadow:1px 0 5px 0 rgba(50,50,50,.55);box-shadow:1px 0 5px 0 rgba(50,50,50,.55)} */
.main-menu{
    overflow:auto;
    left:-100%;
    bottom:0;
    width:45%;
    height:100%;
    opacity:0;
    position:fixed;
    background-color:#fff;
    transition: all 1s ease-in;
    -webkit-transition:left .8s,opacity .5s;
    -moz-transition:left .8s,opacity .5s;
    transition:left .8s,opacity .5s;
    z-index:9999;
    -webkit-box-shadow:1px 0 5px 0 rgba(50,50,50,.55);
    -moz-box-shadow:1px 0 5px 0 rgba(50,50,50,.55);
    box-shadow:1px 0 5px 0 rgba(50,50,50,.55)
}
/* .main-menu  */
.show{visibility:visible;left:0;opacity:1}
/* .main-menu .show-submenu+ul,a.show-submenu-mega+.menu-wrapper{display:none;visibility:hidden} */
.main-menu a.show-submenu+ul.show_normal,a.show-submenu-mega+.menu-wrapper
.show_mega{display:block;visibility:visible}
.header-color{
    background-color: rgba(227,227,227,255);
    
}

.cmn-toggle-switch{
    display:block;
    overflow:visible;
    position:absolute;
    top:5px;
    right:15px;
    margin:0;
    padding:0;
    width:30px;
    height:30px;
    font-size:0;
    text-indent:-9999px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    box-shadow:none;
    border:none;
    cursor:pointer;
}
.cmn-toggle-switch:focus{outline:0}
.cmn-toggle-switch span{display:block;
    position:absolute;
    top:10px;
    left:0;
    right:0;
    height:2px;
    background:#f58220}
.cmn-toggle-switch span::after,
.cmn-toggle-switch span::before{position:absolute;
    display:block;
    left:0;
    width:100%;
    height:2px;
    background-color:#f58220;
    content:""}
.cmn-toggle-switch span::before{top:-10px}
.cmn-toggle-switch span::after{bottom:-10px}
.cmn-toggle-switch__htx span::after,
.cmn-toggle-switch__htx span::before{
    -webkit-transition-duration:.3s,.3s;
    transition-duration:.3s,.3s;
    -webkit-transition-delay:.3s,0;
    transition-delay:.3s,0}
.cmn-toggle-switch__htx span::before{
    -webkit-transition-property:top,-webkit-transform;
    transition-property:top,transform}
.cmn-toggle-switch__htx span::after{
    -webkit-transition-property:bottom,-webkit-transform;
    transition-property:bottom,transform}
.cmn-toggle-switch__htx.active span{background:0 0!important}
.cmn-toggle-switch__htx.active span::before{top:0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)}
.cmn-toggle-switch__htx.active span::after{bottom:0;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)}
.cmn-toggle-switch__htx.active span::after,
.cmn-toggle-switch__htx.active span::before{
    -webkit-transition-delay:0,.3s;
    transition-delay:0,.3s}
}
@media only screen and (max-width:768px){header{padding:10px}
ul#primary_nav li{padding-left:8px;margin-top:2px}
ul#primary_nav li#buy,ul#primary_nav li#first_link{display:none}
ul#primary_nav li#login a,ul#primary_nav li#wishlist a{width:18px;
    height:18px;font-size:20px;
    display:inline-block;
    padding:0;line-height:1;
    text-indent:-9999px;
    position:relative}
ul#primary_nav li#login a:before,ul#primary_nav li#wishlist a:before{font-family:fontello;
    text-indent:0;position:absolute;
    left:0;top:2px}
ul#primary_nav li#wishlist a:before{content:"\eeab";font-weight:700}
ul#primary_nav li#login a:before{content:"\e9d1"}
}
@media only screen and (max-width:600px){
    .main-menu{width:100%}a#close_in{display:block;
        position:absolute;
        right:15px;
        top:10px;
        width:20px;
        height:20px}#close_in i{color:#333!important;font-size:24px}}